<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>交易管理</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">

    <style>

    </style>
</head>
<body class="childrenBody">

<!-- 对话框触发按钮 -->
<button type="button" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">启动弹窗</button>
<button type="button" class="btn btn-lg btn-primary" onclick="showModal()">方法触发弹窗</button>



<div class="modal fade"  id="myModal">
    <div class="modal-dialog  modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">标题</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-6">
                        <article class="article">
                            <header>
                                <section class="abstract" style="background-color: #ffffff;font-size: 16px">
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong style="vertical-align: top;">xxxxx：</strong><img src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/images/wtjjtx_3.jpg" alt="" style="width: 150px"> </p>
                                </section>
                            </header>
                        </article>
                    </div>
                    <div class="col-sm-6" style="border-left: 1px solid #e5e5e5">
                        <article class="article">
                            <header>
                                <section class="abstract"  style="background-color: #ffffff;font-size: 16px">
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                    <p><strong>xxxxx：</strong>xxxxx</p>
                                </section>
                            </header>l
                        </article>
                    </div>
                </div>

                <div class="row">
                    <div style="text-align: center">
                        <button class="btn btn-success " type="button">通过</button>
                        <button class="btn btn-danger " type="button">不通过</button>
                        <button class="btn " type="button"  data-dismiss="modal">取消</button>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>




<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>

<!--复选美化-->
<script src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/icheck.min.js"></script>
<script>
    function showModal() {
        $('#myModal').modal('show', 'fit')
    }

</script>
</body>
</html>